<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>加入智慧公社</title>


    <link href="__PUBLIC__/css/bootstrap.min.css" rel="stylesheet">
    <script src="__PUBLIC__/js/jquery.js"></script>
    <script src="__PUBLIC__/js/jquery.snippet.min.js"></script>
    <script src="__PUBLIC__/js/bootstrap.min.js"></script>
   <!-- <script src="__PUBLIC__/js/login.js"></script>-->
    <script src="__PUBLIC__/js/bootstrap-select.js"></script>
    <script>
    var public="__PUBLIC__";
    </script>
    <!--<style>
     *{border: 1px solid rgb(250,0,255);}
    </style>-->
    <style>
     .hidden{ display:none;}
    </style>
</head>
<!--<body class="login">-->
<body style="background-color:#1E2538">

    <div class="alert alert-warning alert-dismissible" role="alert" align="center" style="text-align:center;">
  		<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
  		我们是有态度的群体，不会敷衍了事。没有5秒快速注册，只有真诚+认真地填写资料！望您理解！
	</div>
    
    <div><img src="__PUBLIC__/images/logo.png" alt="" /></div>

    <!-- 登录框开始 -->
    
        <form role="form" action="{:U('Login/signup4')}" method="post" id="myform">
        <div class="container login-form" id="one">
            <div class="login-top row"></div>
            <div class="login row">
                <div class="col-sm-6">
                    <div class="logininfo">
                        <p>
                            
                            让
                            <br />
                            <span>&nbsp;&nbsp;智慧得以升华</span>
                            <br />
                            <br />
                            <br />
                            有思想的人到哪里都不合群
                            <br /><br />
                            直到加入智慧公社
                            <br /><br />
                            发掘更多潜能
                            <br />
                           
                        </p> 
                        <br><br>
                      
                    </div>
                    <div class="logininfo" style="margin-top:-40px;margin-left:10px;">
                        <p>1<span style="color:#000;">/3</span></p>
                    </div>
                </div>
                <div class="col-sm-6" style="padding-right:50px;">
                    <div class="logininfo">
                    </div>
                  
                    <div class="form-group signup">
                      <p style="color:#ffa371; font-size:25px;">邀请人： {$nickname} <br /> </p> 
                      
                        <label class="sr-only" for="exampleInputEmail2">邮箱Email</label>
                        <input type="email" class="form-control input-lg" id="exampleInputEmail2" placeholder="常用邮箱" name="email">
                        <span class="help-block signup-err"></span>
                    </div>
                    <div class="form-group signup">
                        <label class="sr-only" for="exampleInputPassword2">Password</label>
                        <input type="password" class="form-control input-lg" id="exampleInputPassword2" placeholder="不会忘的密码" name="pass">
                        <span class="help-block signup-err"></span>
                    </div>
                    <div class="form-group signup">
                        <label class="sr-only" for="exampleInputPassword2">Name</label>
                        <input type="text" class="form-control input-lg" placeholder="敢问英雄尊姓大名" name="name">
                        <span class="help-block signup-err"></span>
                    </div>
                    <div class="row">
                        <div class="col-sm-12"><button type="button" class="btn btn-warning btn-lg btn-block next1">下一步</button></div>
                    </div>
                </div>
            </div>
            <div class="login-down row"></div>
        <!--</form>-->
    </div>

    <!--第二步开始-->
    
    <div class="container login-form hidden" id="two" >
        <!--<form role="form" action="{:U('Login/signup4')}">-->
            <div class="login-top row"></div>
            <div class="login row">
                <div class="col-sm-1">
                 
                    <div class="logininfo" style="margin-top:390px;margin-left:10px;">
                        <p>2<span style="color:#000;">/3</span></p>
                    </div>
                </div>
                <div class="col-sm-10" style="padding-right:10px;">
                   <!-- <div class="logininfo">
                        <p>热门Tag：</p>
                    </div>
                    <div class="tags">
                        <span class="btn tag btn-primary">设计</span>
                        <span class="btn tag btn-success">科技</span>
                        <span class="btn tag btn-info">DIY</span>
                        <span class="btn tag btn-warning">艺术</span>

                    </div>
                    <div class="tags">
                        <span class="btn tag btn-primary">美</span>
                        <span class="btn tag btn-success">自然</span>
                        <span class="btn tag btn-info">历史</span>

                    </div>
                    <div class="tags hidden">
                        <span class="btn tag btn-primary">Primary</span>
                        <span class="btn tag btn-success">Success</span>
                        <span class="btn tag btn-info">Info</span>
                        <span class="btn tag btn-warning">Warning</span>
                        <span class="btn tag btn-danger">Danger</span>
                    </div>
                    <div class="form-group" style="margin-top:15px;">
                        <label class="sr-only" for="exampleInputEmail2">标签</label>
                        <input type="text" class="form-control input-lg" id="exampleInputEmail2" placeholder="添加关注的Tag" name="tag">

                    </div>      -->
                     <div class="logininfo" style="text-align:center;"> <span>添加感兴趣的专业，以便向您推荐讨论和志友</span></div>
                    <div class="modal-body row">
                  
                    <foreach name="tag" item="tagTitle">
                        <div class="col-xs-3" style="padding-right: 1px;">
                            <select multiple="multiple" title="{$tagTitle['tag_content']}" name="xq[]">
                            <foreach name="tagTitle['cate']" item="tagCont">
                                <option value="{$tagCont['tag_id']}">{$tagCont['tag_content']}</option>
                             </foreach>
                            </select>
                        </div>
                        </foreach>
                    </div>
                    <div class="row" style="padding-top:15px; padding-right:10px;">
                        <div class="col-sm-6"><button type="button" class="btn btn-info btn-lg btn-block up">上一步</button></div>
                        <div class="col-sm-6"><button type="button" class="btn btn-warning btn-lg btn-block next2">下一步</button></div>
                    </div>
                </div>
            </div>
            <div class="login-down row"></div>
       <!--</form>-->
    </div>
   
    <!--第三步开始-->
    <div class="container login-form hidden" id="thrre">
	  	<!--<form role="form" action="{:U('Login/signup4')}">-->
			<div class="login-top row"></div>
			<div class="login row">                
                <div class="col-sm-1">
                	<!--<div class="logininfo">
                    <p>现在开始<br />
					发掘<span>智慧之石</span></p>
                    </div>
                    <div class="logininfo" style="margin-top:20px;margin-left:10px;">
                    <p>添加您擅长的专业，<br /><font style="font-size:16px;">我们将向他人推荐您的智慧</font></p>
                     </div>-->
                    <div class="logininfo" style="margin-top:390px;margin-left:10px;">
                    <p>3<span style="color:#000;">/3</span></p>
                     </div>
                </div>
                <div class="col-sm-10" style="padding-right:10px;">
                	
                     <div class="logininfo" style="text-align:center; color:#6DD9AA"> <span style="color:#6DD9AA">添加擅长的专业，我们将向世界展示您的思想</span></div>
                     <div class="modal-body row">
                    <foreach name="tag" item="tagTitle">
                        <div class="col-xs-3">
                            <select multiple="multiple" title="{$tagTitle['tag_content']}" name="sc[]">
                            <foreach name="tagTitle['cate']" item="tagCont">
                                <option value="{$tagCont['tag_id']}">{$tagCont['tag_content']}</option>
                             </foreach>
                            </select>
                        </div>
                     </foreach>
                    </div>
                    <div class="row" style="padding-top:15px; padding-right:10px">
                    <div class="col-sm-6"><button type="button" class="btn btn-info btn-lg btn-block up1">上一步</button></div>
                    <input type="hidden" value="{$userId}" name="yqrId"/>
				<div class="col-sm-6"><input type="submit" id="hand" class="btn btn-success btn-lg btn-block next3" value="完成" /></div>
                	</div>
				</div>
                </div>
				<div class="login-down row"></div>
		</div>
     </form>
     
     <!--第四步-->
    <!-- 登录框结束 -->
    <footer class="footer" role="contentinfo">
        <div class="container">


          

        </div>
    </footer>

</body>

<script src="js/bootstrap-select.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
		$('#hand').click(function(){
			$(this).attr('value','正在提交...');
			});
        $("select").selectpicker({ style: 'btn btn-block btn-default', menuStyle: 'dropdown-inverse' });
		
		$(function(){
$('.next1').click(
     function(){
     $('#one').hide(400);
	 $('#two').removeClass('hidden').show(800);
	}
);
$('.next2').click(function(){
	 $('#two').hide(400);
	 $('#thrre').removeClass('hidden').show(800);
	});
$('.next3').click(function(){
 /*$('#one').addClass('hidden');
 $('#two').removeClass('hidden');*/
});
$('.up').click(function(){
	 $('#two').addClass('hidden').hide(400);
	 $('#one').removeClass('hidden').show(800);
	});
	
$('.up1').click(function(){
	 $('#thrre').addClass('hidden').hide(400);
	 $('#two').removeClass('hidden').show(800);
	});
});
    });
</script>
</html>
